<div class="modal fade in ip-box ztree-fa" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"
  id="permissionAssignment">
  <div class="modal-dialog modal-lg" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
        <h4 class="modal-title" id="myModalLabel">角色功能授权页面</h4>
      </div>
      <div class="modal-body">
        <div class="btn-group">
          <button class="btn btn-fff" id="ztreeExpandAll" (click)="ztreeExpandAll()">全部展开</button>
          <button class="btn btn-fff" id="ztreeUnExpandAll" (click)="ztreeUnExpandAll()">全部收缩</button>
          <a style="cursor:pointer" id="checkAll" (click)="checkAll()">全选</a>
          <a style="cursor:pointer" id="unCheckAll" (click)="unCheckAll()">反选</a>
          <!-- <div class="input-group pull-right search-width">
            <input type="text" class="form-control search-input" placeholder="请输入关键词搜索">
            <span class="input-group-addon search-btn">
              <img src="assets/right-product/search.png">检索
            </span>
          </div> -->
        </div>
        <div id="ztreeList">
          <ul id="tree" class="ztree" style="width: 1024px; overflow: auto;"></ul>
        </div>

        <input type="hidden" id=functionData name="functionData" value="{{res}}">

        <form id="form1">

          <input type="hidden" id="selectedData" name="selectedData" value="{{selectedData}}">

          <input type="hidden" id="roleId" name="roleId" value="{{roleIdto}}">

          <div class="modal-footer">
            <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
            <button type="button" id="myButton" class="btn btn-primary" (click)="submitTable()">
              <span class="glyphicon glyphicon-ok"></span> 保存</button>
          </div>
        </form>
      </div>
    </div>
  </div>